$(function() {
    "use strict";

    //===== Sticky

    $('.dropdown').hover(function () {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(200);
    }, function () {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(200);
    });

    // 获取所有的一级导航项
    const firstLevelNavItems = document.querySelectorAll('.nav-item');
    // 获取所有的二级导航项
    const secondLevelNavItems = document.querySelectorAll('.dropdown-item');

    // 遍历每个二级导航项并添加点击事件监听器
    secondLevelNavItems.forEach(secondLevelItem => {
        secondLevelItem.addEventListener('click', function () {
            // 移除所有一级导航项的active类
            firstLevelNavItems.forEach(firstLevelItem => {
                firstLevelItem.classList.remove('active');
            });

            // 找到当前点击的二级导航项所属的一级导航项，并添加active类
            const relatedFirstLevelItem = this.closest('.dropdown');
            relatedFirstLevelItem.classList.add('active');
        });
    });


    //===== Section Menu Active

    const scrollLink = $('.page-scroll');
    // Active link switching
    $(window).scroll(function () {
        const scrollbarLocation = $(this).scrollTop();

        scrollLink.each(function () {

            const sectionOffset = $(this.hash).offset();

            if (sectionOffset && (sectionOffset.top - 73) <= scrollbarLocation) {
                $(this).parent().addClass('active');
                $(this).parent().siblings().removeClass('active');
            }
        });
    });

    //===== Back to top

    // Show or hide the sticky footer button
    $(window).on('scroll', function(event) {
        if($(this).scrollTop() > 600){
            $('.back-to-top').fadeIn(200)
        } else{
            $('.back-to-top').fadeOut(200)
        }
    });


    //Animate the scroll to yop
    $('.back-to-top').on('click', function(event) {
        event.preventDefault();

        $('html, body').animate({
            scrollTop: 0,
        }, 1500);
    });

})

function handleClick(type){
    if(type == 'rule') {
        rule();
    }else if(type == 'enroll'){
        enroll();
    }else if(type == 'welfare-person'){
        welfarePerson();
    }else if(type == 'welfare-company'){
        welfareCompany();
    }else if(type == 'welfare-tech'){
        welfareTech();
    }else if(type == 'cooper-company'){
        cooperCompany();
    }else if(type == 'cooper-person'){
        cooperPerson();
    }else if(type == 'cooper-college'){
        cooperCollege();
    }else if(type == 'cooper-business'){
        cooperBusiness();
    }else if(type == 'org'){
        org();
    }else if(type == 'tel'){
        tel();
    }
}

/**
 * 联系我们
 * */
function tel(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">联系我们</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <p>服务热线：13683594313</p>' +
        '                           <p>邮&nbsp;&nbsp;&nbsp;&nbsp;箱：wangrh@phei.com.cn</p>' +
        '                           <p>地&nbsp;&nbsp;&nbsp;&nbsp;址：北京市丰台区华信大厦</p>' +
        '                           <p style="margin-bottom: 40px;">&nbsp;</p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 组织机构
 * */
function org(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">组织机构</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <div class="panel">' +
        '                               <h5><img src="/images/title-t.png" alt="">主办方</h5>' +
        '                               <ul class="group">' +
        '                                   <li class="group-item group-item-center"><p class="group-item-content">中国电子信息行业联合会</p></li>' +
        '                                   <li class="group-item group-item-center"><p class="group-item-content">中国电子信息行业联合会数字经济专委会</p></li>' +
        '                                   <li class="group-item group-item-center"><p class="group-item-content">成都市经济和信息化局成都市新经济发展委员会</p></li>' +
        '                               </ul>' +
        '                           </div>' +
        '                       <div class="panel">' +
        '                        <h5><img src="/images/title-t.png" alt="">支持单位</h5>\n' +
        '                        <ul class="group">\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">湖南省数字经济促进会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">湖北省数字技术研究和试验发展协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">江西省数字经济企业协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">浙江省数字经济联合会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">云南省智能与数字经济协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">山西省数字经济联合会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">湖北省电子商务学会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">深圳市智能制造产业促进会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">新疆维吾尔自治区数字经济联合会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">浙江省数字经济学会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">上海市普陀区数字经济联合会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">西藏自治区数字信息行业协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">河北省数字经济联合会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">沈阳数字经济企业协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">山东省数字经济协会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">黑龙江省数字经济研究会</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">上海市开源信息技术协会</p></li>\n' +
        '                        </ul>\n' +
        '                     </div>\n' +
        '                     <div class="panel">\n' +
        '                        <h5><img src="/images/title-t.png" alt="">支持院校</h5>\n' +
        '                        <ul class="group">\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">清华大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京航空航天大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京理工大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">中国人民大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京邮电大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">华中科技大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">武汉大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">天津大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">南京大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">电子科技大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">西安交通大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">西北工业大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">合肥工业大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">武汉理工大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京科技大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">云南财经大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">武汉纺织大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">首都师范大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">中南民族大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">武汉科技大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北华大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">西南财经大学</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都理工大学</p></li>\n' +
        '                        </ul>\n' +
        '                     </div>\n' +
        '                     <div class="panel">\n' +
        '                        <h5><img src="/images/title-t.png" alt="">合作企业</h5>\n' +
        '                        <ul class="group">\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">电子工业出版社有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京思特奇信息技术股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">拓尔思信息技术股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京中电兴发科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">东莞诚泊智能科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">广东惠利普智能科技股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">依米康科技集团股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">新晨科技股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">中电云计算技术有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京人大金仓信息技术股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">荣联科技集团股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">麒麟软件有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">江苏卓胜微电子股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">至像科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">西安清启智能互联科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京蔚亭投资管理有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京市兰台律师事务所</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京国基科技股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都技转创新连线科技集团有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都国信嘉康科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都谐盈科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">国信金宏信息咨询有限责任公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都柯诺维企业管理有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">贵州联科卫信科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">研峰智能科技(成都)有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">四川毅创康华健康科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都身边科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都乐住一起科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都中航华测科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">医可视（云南）科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">佰事可(广州)智能软件技术有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">深圳市汉龙威科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">旷卓（上海）智能科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成电创孵科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都林炉科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都均共达科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">深圳梦派科技集团有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都知了汇智科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">广东中兴新支点技术有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京链道科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">亚龙智能装备集团股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">江西恒明科技发展有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都甄识科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都天成电科科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都华兴大地科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">显为智能科技（苏州）有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都无声讯通科技有限责任公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京方信资本管理有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京市盈科律师事务所</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">和智真锂（北京）信息技术有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京航天智数科技公司有限</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">宁波市数字经济产业发展有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京欧拉认知智能科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">上海源斌电子科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都百特云科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">成都微思格科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">广州广电五舟科技股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">厦门市智联信通物联网科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">四川东久软件股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">遂宁天寰实业集团有限责任公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">中追（北京）科技有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">东莞市欣宇泰科技服务有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">北京中科汇联科技股份有限公司</p></li>\n' +
        '                           <li class="group-item group-item-center"><p class="group-item-content">CIO时代研究院</p></li>\n' +
        '                        </ul>\n' +
        '                  </div>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 对外合作-个人合作
 * */
function cooperPerson(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">个人合作</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <p>个人合作主要是为个人提供相关的公益帮扶，主要帮扶内容包括：</p>\n' +
        '                           <p>1、参会参展参赛，可以提出个人的相应申请，并说明具体细节；</p>\n' +
        '                           <p>2、提个人能力提升需求，可以针对个人的实际情况提出申请，包括需要提升的内容（学历、技能等），我们将针对个人的申请提供一年的公益辅导；</p>\n' +
        '                           <p>3、就业申请，需要提供个人详细的信息，包括学历、技能、工作经历等，并提出具体的申请的岗位和区域。</p>' +
        '                       </div>' +
        '                       <div class="cooper">' +
        '                           <form id="myForm">\n' +
        '               <select id="cooperType" name="cooperType" class="form-control">\n' +
        '                  <option value="">请选择合作类型*</option>\n' +
        '                  <option value="1">参会参展参赛</option>\n' +
        '                  <option value="2">公益辅导</option>\n' +
        '                  <option value="3">就业申请</option>\n' +
        '               </select>\n' +
        '               <input type="text" name="personName" id="personName" class="form-control" placeholder="联系人*">\n' +
        '               <input type="text" name="mobile" id="mobile" class="form-control" placeholder="联系方式*">\n' +
        '               <textarea name="detail" id="detail" class="form-control" placeholder="详细说明*"></textarea>\n' +
        '               <div class="right-btn">\n' +
        '                  <input type="submit" value="申请合作" class="content-btn">\n' +
        '                  <!--                     <a class="content-btn" href="javascript:void(0)" onclick="document.getElementById(\'myForm\').submit();">申请合作</a>-->\n' +
        '               </div>\n' +
        '            </form>' +
        '                       </div>' +
        '                   </div>' +
        '<script>' +
        '   $("#myForm").validate({\n' +
        '         rules: {\n' +
        '            cooperType: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            personName: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            mobile: {\n' +
        '               required: true,\n' +
        '               minlength: 11\n' +
        '            },\n' +
        '            detail: {\n' +
        '               required: true,\n' +
        '               maxlength: 300\n' +
        '            }\n' +
        '         },\n' +
        '         messages: {\n' +
        '            cooperType: {\n' +
        '               required: "请选择合作类型"\n' +
        '            },\n' +
        '            personName: {\n' +
        '               required: "请输入负责人"\n' +
        '            },\n' +
        '            mobile: {\n' +
        '               required: "请输入手机号",\n' +
        '               minlength: "手机号格式不正确"\n' +
        '            },\n' +
        '            detail: {\n' +
        '               required: "请输入详细说明",\n' +
        '               maxlength: "最多输入300字"\n' +
        '            }\n' +
        '         },\n' +
        '         submitHandler: function(form) {\n' +
        '            const formData = {\n' +
        '               cooperType: $(\'#cooperType\').val(),\n' +
        '               personName: $(\'#personName\').val(),\n' +
        '               mobile: $(\'#mobile\').val(),\n' +
        '               type: 2,\n' +
        '               detail: $(\'#detail\').val(),\n' +
        '            };\n' +
        '            $.ajax({\n' +
        '               type: \'POST\',\n' +
        '               url: \'/cooper\',\n' +
        '               data: formData,\n' +
        '               dataType: \'json\',\n' +
        '               success: function(data) {\n' +
        '                  if(data.message!=null){\n' +
        '                     swal({\n' +
        '                        text: data.message,\n' +
        '                        icon: \'error\'\n' +
        '                     });\n' +
        '                  }else{\n' +
        '                     swal({\n' +
        '                        text: "申请成功！",\n' +
        '                        icon: \'success\'\n' +
        '                     });\n' +
        '                  }\n' +
        '               },\n' +
        '               error: function(jqXHR, textStatus, errorThrown) {\n' +
        '                  console.log(\'Error: \' + textStatus);\n' +
        '               }\n' +
        '            });\n' +
        '         }\n' +
        '      });' +
        '</script>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 对外合作-企业合作
 * */
function cooperCompany(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">企业合作</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <p>企业合作主要是为帮助企业更好的发展而提供的合作，本着公益性的原则，在免费的前提下提供一下几类合作：</p>\n' +
        '                           <p>1、参会参展参赛，可以提出相应的申请，并表明参加哪类会、哪类展和哪类赛；</p>\n' +
        '                           <p>2、提供横向课题，寻求科研机构合作；</p>\n' +
        '                           <p>3、用工需求，提出用工数量和技术要求以及可派教师的数量和时间。</p>' +
        '                       </div>' +
        '                       <div class="cooper">' +
        '                           <form id="myForm">\n' +
        '               <input type="text" name="name" id="name" class="form-control" placeholder="企业名称*">\n' +
        '               <select id="cooperType" name="cooperType" class="form-control">\n' +
        '                  <option value="">请选择合作类型*</option>\n' +
        '                  <option value="1">参会参展参赛申请</option>\n' +
        '                  <option value="2">科研合作申请</option>\n' +
        '                  <option value="3">用工需求申请</option>\n' +
        '               </select>\n' +
        '               <input type="text" name="personName" id="personName" class="form-control" placeholder="负责人*">\n' +
        '               <input type="text" name="position" id="position" class="form-control" placeholder="职务*">\n' +
        '               <input type="text" name="mobile" id="mobile" class="form-control" placeholder="联系方式*">\n' +
        '               <textarea name="detail" id="detail" class="form-control" placeholder="详细说明*"></textarea>\n' +
        '               <div class="right-btn">\n' +
        '                  <input type="submit" value="申请合作" class="content-btn">\n' +
        '                  <!--                     <a class="content-btn" href="javascript:void(0)" onclick="document.getElementById(\'myForm\').submit();">申请合作</a>-->\n' +
        '               </div>\n' +
        '            </form>' +
        '                       </div>' +
        '                   </div>' +
        '               <script>' +
        '                   $("#myForm").validate({\n' +
        '         rules: {\n' +
        '            name: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            cooperType: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            personName: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            position: {\n' +
        '               required: true\n' +
        '            },\n' +
        '            mobile: {\n' +
        '               required: true,\n' +
        '               minlength: 11\n' +
        '            },\n' +
        '            detail: {\n' +
        '               required: true,\n' +
        '               maxlength: 300\n' +
        '            }\n' +
        '         },\n' +
        '         messages: {\n' +
        '            name: {\n' +
        '               required: "请输入企业名称"\n' +
        '            },\n' +
        '            cooperType: {\n' +
        '               required: "请选择合作类型"\n' +
        '            },\n' +
        '            personName: {\n' +
        '               required: "请输入负责人"\n' +
        '            },\n' +
        '            position: {\n' +
        '               required: "请输入职务"\n' +
        '            },\n' +
        '            mobile: {\n' +
        '               required: "请输入手机号",\n' +
        '               minlength: "手机号格式不正确"\n' +
        '            },\n' +
        '            detail: {\n' +
        '               required: "请输入详细说明",\n' +
        '               maxlength: "最多输入300字"\n' +
        '            }\n' +
        '         },\n' +
        '         submitHandler: function(form) {\n' +
        '            const formData = {\n' +
        '               name: $(\'#name\').val(),\n' +
        '               cooperType: $(\'#cooperType\').val(),\n' +
        '               personName: $(\'#personName\').val(),\n' +
        '               position: $(\'#position\').val(),\n' +
        '               mobile: $(\'#mobile\').val(),\n' +
        '               type: 1,\n' +
        '               detail: $(\'#detail\').val(),\n' +
        '            };\n' +
        '            $.ajax({\n' +
        '               type: \'POST\',\n' +
        '               url: \'/cooper\',\n' +
        '               data: formData,\n' +
        '               dataType: \'json\',\n' +
        '               success: function(data) {\n' +
        '                  if(data.message!=null){\n' +
        '                     swal({\n' +
        '                        text: data.message,\n' +
        '                        icon: \'error\'\n' +
        '                     });\n' +
        '                  }else{\n' +
        '                     swal({\n' +
        '                        text: "申请成功！",\n' +
        '                        icon: \'success\'\n' +
        '                     });\n' +
        '                  }\n' +
        '               },\n' +
        '               error: function(jqXHR, textStatus, errorThrown) {\n' +
        '                  console.log(\'Error: \' + textStatus);\n' +
        '               }\n' +
        '            });\n' +
        '         }\n' +
        '      });' +
        '               </script>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 对外合作-高校合作
 * */
function cooperCollege(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">高校合作</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <p>高校的合作主要是解决四方面的问题：科研经费、国家课题、技术论坛和学生就业。</p>\n' +
        '                           <p>大学生是大赛的主力军，一个学校可以有一支队伍，也可以有很多支队伍。这些队伍的学生除了参赛以外还可以参加辅导，通过辅导解决学生的就业问题。在这个过程中学校可以提交合作申请，申请开办哪一类专业的大赛（赛道），我方将根据申请的情况决定下一年的赛道和辅导重点的安排。</p>\n' +
        '                           <p>每次大赛我们将提供不少于30个国家部委的课题和不少于2000万的企业课题，学校可以根据自己的情况申报课题，我方将根据各个学校申请的情况，决定本届课题的归属和下一届课题的重点方向。</p>\n' +
        '                           <p>在每次大赛之前我方会公布与本次大赛共同举办的学术论坛的内容，学校可以根据自身的情况申请参加对应的论坛和是否需要作报告。并在每次来论坛结束后下次论坛开始前的3个月，申请下次开设论坛的方向，我方将根据各校的申请情况选择关注最多的方向举办对应的学术论坛。</p>\n' +
        '                           <p>科研经费是每个学校都关注的内容，我方将开设专门的渠道接收各个学校（教师和个人）申请，申请人需要提交科研方向、需要经费及经费的使用计划等。我们会根据申请的内容帮助学校（教师或个人），匹配相应的经费和投资人。</p>' +
        '                       </div>' +
        '                       <div class="cooper">' +
        '                           <form id="myForm">\n' +
        '                  <input type="text" name="name" id="name" class="form-control" placeholder="学校名称*">\n' +
        '                  <select id="cooperType" name="cooperType" class="form-control">\n' +
        '                     <option value="">请选择合作类型*</option>\n' +
        '                     <option value="1">科研经费</option>\n' +
        '                     <option value="2">国家课题</option>\n' +
        '                     <option value="3">技术论坛</option>\n' +
        '                     <option value="4">学生就业</option>\n' +
        '                  </select>\n' +
        '                  <input type="text" name="personName" id="personName" class="form-control" placeholder="负责人*">\n' +
        '                  <input type="text" name="position" id="position" class="form-control" placeholder="职务*">\n' +
        '                  <input type="text" name="mobile" id="mobile" class="form-control" placeholder="联系方式*">\n' +
        '                  <textarea name="detail" id="detail" class="form-control" placeholder="详细说明*"></textarea>\n' +
        '                  <div class="right-btn">\n' +
        '                     <input type="submit" value="申请合作" class="content-btn">\n' +
        '<!--                     <a class="content-btn" href="javascript:void(0)" onclick="document.getElementById(\'myForm\').submit();">申请合作</a>-->\n' +
        '                  </div>\n' +
        '               </form>' +
        '                       </div>' +
        '                   </div>'+
        '<script>' +
        '$("#myForm").validate({\n' +
        '            rules: {\n' +
        '               name: {\n' +
        '                  required: true\n' +
        '               },\n' +
        '               cooperType: {\n' +
        '                  required: true\n' +
        '               },\n' +
        '               personName: {\n' +
        '                  required: true\n' +
        '               },\n' +
        '               position: {\n' +
        '                  required: true\n' +
        '               },\n' +
        '               mobile: {\n' +
        '                  required: true,\n' +
        '                  minlength: 11\n' +
        '               },\n' +
        '               detail: {\n' +
        '                  required: true,\n' +
        '                  maxlength: 300\n' +
        '               }\n' +
        '            },\n' +
        '            messages: {\n' +
        '               name: {\n' +
        '                  required: "请输入学校名称"\n' +
        '               },\n' +
        '               cooperType: {\n' +
        '                  required: "请选择合作类型"\n' +
        '               },\n' +
        '               personName: {\n' +
        '                  required: "请输入负责人"\n' +
        '               },\n' +
        '               position: {\n' +
        '                  required: "请输入职务"\n' +
        '               },\n' +
        '               mobile: {\n' +
        '                  required: "请输入手机号",\n' +
        '                  minlength: "手机号格式不正确"\n' +
        '               },\n' +
        '               detail: {\n' +
        '                  required: "请输入详细说明",\n' +
        '                  maxlength: "最多输入300字"\n' +
        '               }\n' +
        '            },\n' +
        '            submitHandler: function(form) {\n' +
        '               const formData = {\n' +
        '                  name: $(\'#name\').val(),\n' +
        '                  cooperType: $(\'#cooperType\').val(),\n' +
        '                  personName: $(\'#personName\').val(),\n' +
        '                  position: $(\'#position\').val(),\n' +
        '                  mobile: $(\'#mobile\').val(),\n' +
        '                  type: 3,\n' +
        '                  detail: $(\'#detail\').val(),\n' +
        '               };\n' +
        '               $.ajax({\n' +
        '                  type: \'POST\',\n' +
        '                  url: \'/cooper\',\n' +
        '                  data: formData,\n' +
        '                  dataType: \'json\',\n' +
        '                  success: function(data) {\n' +
        '                     if(data.message!=null){\n' +
        '                        swal({\n' +
        '                           text: data.message,\n' +
        '                           icon: \'error\'\n' +
        '                        });\n' +
        '                     }else{\n' +
        '                        swal({\n' +
        '                           text: "申请成功！",\n' +
        '                           icon: \'success\'\n' +
        '                        });\n' +
        '                     }\n' +
        '                  },\n' +
        '                  error: function(jqXHR, textStatus, errorThrown) {\n' +
        '                     console.log(\'Error: \' + textStatus);\n' +
        '                  }\n' +
        '               });\n' +
        '            }\n' +
        '         });' +
        '</script>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 对外合作-商务合作
 * */
function cooperBusiness(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">商务合作</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <p>商务合作的主要对象是政府、企业和高校，合作的内容主要是围绕着大赛及同期活动的各个环节，包括：</p>' +
        '                           <p>承办单位申请、承办校申请、招商合作申请、区域合作申请、会务服务申请、宣传推广申请等。</p>' +
        '                           <p>合作方需要提交自身介绍、申请内容、合作方案、实施方案等，我们将根据申请方提供的资料，确定合作方。并在网站上公布相应的合作授权。</p>' +
        '                       </div>' +
        '                       <div class="cooper">' +
        '                           <form id="myForm">\n' +
        '                               <input type="text" name="name" id="name" class="form-control" placeholder="机构名称*">\n' +
        '                  <select id="cooperType" name="cooperType" class="form-control">\n' +
        '                     <option value="">请选择合作类型*</option>\n' +
        '                     <option value="1">承办单位申请</option>\n' +
        '                     <option value="2">承办校申请</option>\n' +
        '                     <option value="3">招商合作申请</option>\n' +
        '                     <option value="4">区域合作申请</option>\n' +
        '                     <option value="5">会务服务申请</option>\n' +
        '                     <option value="6">宣传推广申请</option>\n' +
        '                  </select>\n' +
        '                  <input type="text" name="personName" id="personName" class="form-control" placeholder="负责人*">\n' +
        '                  <input type="text" name="position" id="position" class="form-control" placeholder="职务*">\n' +
        '                  <input type="text" name="mobile" id="mobile" class="form-control" placeholder="联系方式*">\n' +
        '                  <textarea name="detail" id="detail" class="form-control" placeholder="申请内容*"></textarea>\n' +
        '\n' +
        '                  <input type="file" name="project" id="project" class="form-control">\n' +
        '                  <label for="project">\n' +
        '                     <i style="display:none;font-size: 36px" id="project_video" class="bi bi-camera-reels"></i>\n' +
        '                     <i style="display:none;font-size: 36px" id="project_file" class="bi bi-file-earmark-word"></i>\n' +
        '                  </label>\n' +
        '                  <input type="hidden" name="projectUrl" id="projectUrl" value="">\n' +
        '                  <label for="project" style="width:auto;margin-left:10px;color:#87CEFA">在这里上传您的合作方案(30M以内,必填)</label>\n' +
        '\n' +
        '                  <input type="file" name="implement" id="implement" class="form-control">\n' +
        '                  <label for="implement">\n' +
        '                     <i style="display:none;font-size: 36px" id="implement_video" class="bi bi-camera-reels"></i>\n' +
        '                     <i style="display:none;font-size: 36px" id="implement_file" class="bi bi-file-earmark-word"></i>\n' +
        '                  </label>\n' +
        '                  <input type="hidden" name="implementUrl" id="implementUrl" value="">\n' +
        '                  <label for="implement" style="width:auto;margin-left:10px;color:#87CEFA">在这里上传您的执行方案(30M以内,必填)</label>\n' +
        '\n' +
        '                  <div class="right-btn">\n' +
        '                     <input type="submit" value="申请合作" class="content-btn">\n' +
        '                  </div>\n' +
        '               </form>' +
        '                       </div>' +
        '                   </div>' +
        '<script>' +
        '$("#myForm").validate({\n' +
        '                rules: {\n' +
        '                    name: {\n' +
        '                        required: true\n' +
        '                    },\n' +
        '                    cooperType: {\n' +
        '                        required: true\n' +
        '                    },\n' +
        '                    personName: {\n' +
        '                        required: true\n' +
        '                    },\n' +
        '                    position: {\n' +
        '                        required: true\n' +
        '                    },\n' +
        '                    mobile: {\n' +
        '                        required: true,\n' +
        '                        minlength: 11\n' +
        '                    },\n' +
        '                    detail: {\n' +
        '                        required: true,\n' +
        '                        maxlength: 300\n' +
        '                    },\n' +
        '                    projectUrl: {\n' +
        '                        required: true\n' +
        '                    },\n' +
        '                    implementUrl: {\n' +
        '                        required: true\n' +
        '                    }\n' +
        '                },\n' +
        '                messages: {\n' +
        '                    name: {\n' +
        '                        required: "请输入机构名称"\n' +
        '                    },\n' +
        '                    cooperType: {\n' +
        '                        required: "请选择合作类型"\n' +
        '                    },\n' +
        '                    personName: {\n' +
        '                        required: "请输入负责人"\n' +
        '                    },\n' +
        '                    position: {\n' +
        '                        required: "请输入职务"\n' +
        '                    },\n' +
        '                    mobile: {\n' +
        '                        required: "请输入手机号",\n' +
        '                        minlength: "手机号格式不正确"\n' +
        '                    },\n' +
        '                    detail: {\n' +
        '                        required: "请输入详细说明",\n' +
        '                        maxlength: "最多输入300字"\n' +
        '                    },\n' +
        '                    projectUrl: {\n' +
        '                        required: "请上传合作方案"\n' +
        '                    },\n' +
        '                    implementUrl: {\n' +
        '                        required: "请上传执行方案"\n' +
        '                    }\n' +
        '                },\n' +
        '                submitHandler: function(form) {\n' +
        '\n' +
        '                }\n' +
        '            });' +
        '</script>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 公益行-科研创新计划
 * */
function welfareTech(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">科研创新</div>' +
        '                       </div>' +
        '                       <div class="c-content"><p>科研创新计划的合作方是要是针对高校的，其合作集中在<b>实验室和课题两个部分。</b></p>' +
        '               <p>实验室部分主要是我们结合企业需求，联合高校一起建设特定领域的重点实验室，解决科研环境问题。</p>' +
        '               <p>课题主要是整合资源提供教育部、科技部、工信部等部委和政府的科研课题；整合行业企业和企业举办人提供特定领域或是方向的横向课题，利用大学的设备资源、人才资源来帮助企业。</p>' +
        '               <p>每期大赛将提供不少于<b>30个部委课题</b>以及不少于<b>2000万的企业课题。</b></p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 公益行-企业成长计划
 * */
function welfareCompany(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">企业成长</div>' +
        '                       </div>' +
        '                       <div class="c-content"><p>企业的成长主要集中在三个部分：创新、用工和推广，我们将针对这三个部分提供公益的帮助。</p>' +
        '               <p>首先：在创新领域我们会通过大赛的形式发掘行业内具有创新的人才和技术，并帮助企业通过收购、购买、合作等多种方式获得该项创新。</p>' +
        '               <p>其次：用工部分是现阶段最核心的一个部分，重点解决企业与人才的对接问题。企业用工最核心的问题是找到合适的人才，这个人才的选择一定是以合适为唯一标准。</p>' +
        '               <p>是否合适主要从几个方面来评价：</p>' +
        '               <p><b>1、员工所掌握的技术是否是企业需要的技术；</b></p>' +
        '               <p><b>2、其技术能力是否满足企业的需要；</b></p>' +
        '               <p><b>3、员工对企业的认可度是否有；</b></p>' +
        '               <p><b>4、企业对员工的工作态度是否认可；</b></p>' +
        '               <p><b>5、员工是否能适应企业的工作强度和压力。</b></p>' +
        '               <p>解决这5个问题的方式并不是通过面试，而是通过在辅导期我们安排企业的在职员工来给学员辅导技术，通过一点时间（半个月左右）的相处，让学员和企业相互之间能有一个深度的了解，从而在做出选择。</p>' +
        '               <p>最后：推广是我们为企业发展和需求量身制定推广方案。利用我们手上的资源，包括：政府资源、行业资源、媒体资源、人数资源、学术科研资源等，帮助企业提供立体的、多方位的推广服务。</p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 公益行-人才成长计划
 * */
function welfarePerson(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">人才成长</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '               <p>针对什么是人才有很多种说法，但是在我们开来人才就是能够满足需要的人，离开了需求就不存在人才，这个需求可以是社会需求、企业需求或个人需求。人才的首要核心就是必须满足一定的需求，所以围绕着人才的核心活动只有两个：一个是知识技能提升，另一个就是合适的位置推荐。</p>' +
        '               <p><b>总结就是教育和就业。</b></p>' +
        '               <p>教育又分为“教”和“育”两方面，其中“教”主要是知识的传承，而“育”则是对未来的指引。二者缺一不可，社会的问题主要就是因为上一代人在对下一代人的“教”和“育”犯了错误所导致的。</p>' +
        '               <p>就业的核心就是选择，让一个诺奖获得者去种地，他就是个废物；在一个地主的眼里，强壮而听话的农民就是最好的人才。所以就业的核心就是为何是的人推荐合适的岗位，这其中对每个人的评估就尤为重要。</p>' +
        '               <p><b>作为公益活动，我们为有需要的人提供免费的辅导。其中包括赛前辅导和赛后辅导两个部分。' +
        '                  赛前辅导主要是针对大赛选手选拔而开展的，一般截至时间为每年大赛的开赛前一周，辅导的内容集中在帮助参赛者完善构思和参赛内容。让参赛者有更明确的目标和实现方式。' +
        '                  赛后的辅导主要是技术辅导，主要是帮助参赛者落地项目，为期一年的时间。让参赛者具备将创意转化为产品产生价值的能力。</b></p>' +
        '               <p>其中包括但不限于：<b>大模型技术理论、提示工程与大模型基础技术、技术案例实践、人工智能的概念与发展历程、机器学习、深度学习（神经网络、深度学习在图像识别、语音识别、自然语言处理等领域的应用）、自然语言处理（词法分析、句法分析、语义理解的基本方法；机器翻译、文本分类、情感分析等应用的实现原理）、实现方法及框架（Java、Python、TensorFlow、PyTorch）、产品经理与商业思维培训等内容。训练营仅限于参赛选手申报参加，通过项目筛选的方式进行。详细信息以官方通知为准。</b></p>' +
        '               <p>就业部分主要集中在三个方向：<b>企业就业、自主创业和自由就业。</b></p>' +
        '               <p>企业就业部分很简单，就是经过我们的辅导让需要就业的人具备就业的能力，并帮助他找到合适的企业岗位实现就业。</p>' +
        '               <p>自主创业主要是针对我们的大赛作品，我们会对其进行辅导帮助其具备市场化的能力，并辅助其团队筹集资金完成创业。</p>' +
        '               <p>自由就业是一个相对轻松的方式，我们首先要承认并不是每一个人都喜欢固定的工作，更多的人是希望自己的工作能够灵活一些。这对这些人群，我们会提供给一个公益的平台，帮助那些需要服务的公司或个人发布需求，帮助那些需要工作的人获得合适的工作。</p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 大赛章程
 * */
function rule(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">大赛规程</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '                           <div class="title-bg"><h3>要求及报名方法</h3></div>' +
        '                           <h5><img src="/images/title-t.png" alt="">(一)参赛项目要求</h5>' +
        '                <p>本届大赛分为行业组和高校组。</p>' +
        '                <p><b>行业组：创业青年、初创公司或大企业中的创新创业团队，包括：在校的研究生和博士生。</b></p>' +
        '                <p><b>高校组：全日制大专院校及以上在校学生，包括：大专生、本科生、研究生和博士生。</b></p>' +
        '                <p><b>注：研究生和博士生可以同时报两个组，各组比赛重点不同。行业组核心是产品，高校组重点是创意。</b></p>' +
        '                <p>具体要求如下：</p>' +
        '                <p>&nbsp;1.参赛队员不限专业；</p>' +
        '                <p>&nbsp;2.可单人参赛或自由组队，每支参赛队伍的队员没有具体的限制，人数最多不超过7人，允许跨年级、跨专业组队；同一参赛队员只允许报名参加一个队伍；</p>' +
        '                <p>&nbsp;3.高校组参赛队员必须为高等学校在校学生，报名须保证个人信息准确并真实有效；</p>' +
        '                <p>&nbsp;4.高校组每支参赛队伍可以有一名指导教师（也可以没有）；</p>' +
        '                <p>&nbsp;5.竞赛期间，每支队伍有且仅有一次队员及指导教师个人信息的修正、更换机会。</p>' +
        '                <h5><img src="/images/title-t.png" alt="">(二)报名方式</h5>' +
        '                <p>1.线上报名方式。登录大赛官方网站（<b><a href="http://www.znds.org.cn" target="_blank"><u>www.znds.org.cn</u></a></b>）注册账号并完善团队和项目信息。</p>' +
        '                <p>2.线下报名方式。在网站上下载报名表并完善参赛选手（团队）的介绍（需要有证件照和视频）、项目计划书、项目介绍，发送至邮箱wangrh@phei.com.cn。</p>' +
        '                <p>3.加微信进竞赛官方交流微信群：13683594313</p>' +
        '                <p>4.报名截止日期：2024年11月11日。</p>' +
        '                <h5><img src="/images/title-t.png" alt="">(三)材料准备</h5>' +
        '                <p><b>说明：项目计划书、项目介绍格式不做强制要求。</b></p>' +
        '                           <div class="title-bg"><h3>作品说明</h3></div>' +
        '                           <p>竞赛分为初赛、复赛、全国总决赛三个阶段，在各阶段，参赛队伍须按照要求按时、合规地提交参赛作品。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(一)作品提交规则</h5>\n' +
        '                <h6>1.初赛</h6>\n' +
        '                <p>参赛者须按要求提交项目创意书及团队介绍，内容应包括作品参赛作品简介，参赛作品创意点、应用场景、技术流程框架、产品预期功能清单与形态、开发排期、团队分工等。</p>\n' +
        '                <h6>2.复赛</h6>\n' +
        '                <p>参赛者须在初赛创意基础上完善产品和创意，提供作品说明书（Word文件）、项目展示（PPT文件）、作品可产品化（可视化）展示视频，参加省（区域）赛。复赛采用线下评定的方式进行。</p>\n' +
        '                <h6>3.全国总决赛</h6>\n' +
        '                <p>参赛者须通过现场路演汇报的形式，全方位呈现作品实现过程及最终作品。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(二)作品评审规则</h5>\n' +
        '                <p>大赛采用综合评分的方式来评定结果，评分维度包括：市场可行性、作品完成度、技术可行度、团队、心理、成本投入、行业影响力。</p>\n' +
        '                <table>\n' +
        '                    <tr>\n' +
        '                        <th></th>\n' +
        '                        <th>行业组（分）</th>\n' +
        '                        <th>高校组（分）</th>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>市场可行性</td>\n' +
        '                        <td>20</td>\n' +
        '                        <td>30</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>作品完成度</td>\n' +
        '                        <td>50</td>\n' +
        '                        <td>10</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>技术可行度</td>\n' +
        '                        <td>10</td>\n' +
        '                        <td>10</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>团队</td>\n' +
        '                        <td>20</td>\n' +
        '                        <td>20</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>心理</td>\n' +
        '                        <td>10</td>\n' +
        '                        <td>20</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>成本投入</td>\n' +
        '                        <td>20</td>\n' +
        '                        <td>30</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>行业影响力</td>\n' +
        '                        <td>20</td>\n' +
        '                        <td>30</td>\n' +
        '                    </tr>\n' +
        '                </table>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(三)晋级规则</h5>\n' +
        '                <p>评审专家以竞赛专家委员会的专家为主，秉持公平、公正的原则进行评审，竞赛组织委员会负责相关流程的组织和监督。初赛采取线上评审方式、复赛均采取线下评审方式，全国总决赛采取现场答辩的评审方式。</p>\n' +
        '                <p>各阶段晋级规则如下：</p>\n' +
        '                <h6>1.初赛晋级规则</h6>\n' +
        '                <p>根据报名队伍数量情况确定晋级比例，评选晋级复赛的队伍。</p>\n' +
        '                <h6>2.复赛晋级规则</h6>\n' +
        '                <p>通过对参赛项目的综合评选，评选出区域特等奖1名，一等奖3名，二等奖6名，三等奖12名，潜力奖若干并颁发相应证书。</p>\n' +
        '                <p>晋级总决赛：在复赛基础上选送不超过60支参赛队伍进入全国总决赛。</p>\n' +
        '                <h6>3.全国总决赛晋级规则</h6>\n' +
        '                <p>按复赛入围队伍现场路演答辩情况评选出最终获奖名单，按决赛奖项设置颁发相应的证书及奖金。</p>\n' +
        '                <p>另外，竞赛鼓励原创性工作，要求作品的核心创意和主要开发过程在大赛期间独立完成。</p>' +

        '                           <div class="title-bg"><h3>大赛流程</h3></div>' +
        '                              <h5><img src="/images/title-t.png" alt="">(一)时间安排</h5>\n' +
        '                <table>\n' +
        '                    <tr>\n' +
        '                        <th>时间</th>\n' +
        '                        <th>赛程安排</th>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>10月1日-11月11日</td>\n' +
        '                        <td>项目征集及初选</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>11月1日-11月12日</td>\n' +
        '                        <td>初选及评审</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>11月12日</td>\n' +
        '                        <td>参赛选手集中培训，帮助参赛队伍完善计划书</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>11月13日-11月15日</td>\n' +
        '                        <td>一对一辅导，帮助决赛队伍进一步完善项目计划书</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>11月16日—11月19日</td>\n' +
        '                        <td>总决赛</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>11月20日</td>\n' +
        '                        <td>颁奖大会</td>\n' +
        '                    </tr>\n' +
        '                </table>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(二)大赛辅导基地</h5>\n' +
        '                <p>本届竞赛的辅导为公益活动，参赛选手享受为期一年的免费辅导，具体的辅导分为赛前参赛辅导和赛后落地辅导。</p>\n' +
        '                <p>赛前参赛辅导，主要是帮助参赛者完善构思和参赛内容。让参赛者有更明确的目标和实现方式。</p>\n' +
        '                <p>赛后的辅导主要是技术辅导，主要是帮助参赛者落地项目。让参赛者具备将创意转化为产品产生价值的能力。</p>\n' +
        '                <p>辅导阶段主要是针对参赛团队进行的专项辅导，通过对技术、市场、资金、团队等多方面的指导，让项目更加具有可行性、推广性和成熟度。</p>\n' +
        '                <p>其中包括但不限于：大模型技术理论、提示工程与大模型基础技术、技术案例实践、人工智能的概念与发展历程、机器学习、深度学习（神经网络、深度学习在图像识别、语音识别、自然语言处理等领域的应用）、自然语言处理（词法分析、句法分析、语义理解的基本方法；机器翻译、文本分类、情感分析等应用的实现原理）、实现方法及框架（Java、Python、TensorFlow、PyTorch）、产品经理与商业思维培训等内容。训练营仅限于参赛选手申报参加，通过项目筛选的方式进行。详细信息以官方通知为准。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(三)其他</h5>\n' +
        '                <p>本次竞赛不收取任何报名费用，参赛队员只需要支付辅导及比赛期间的食宿和交通费等。</p>' +
        '                           <div class="title-bg"><h3>大赛奖励设置</h3></div>' +
        '                           <p>本次竞赛的评审结果由竞赛专家委员会审定,并在竞赛官方网站公布。获奖证书由竞赛组织委员会统一印制、颁发，颁奖典礼在全国总决赛评审结束后进行。本次竞赛具体设置以下奖项：</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(一)复赛奖项</h5>\n' +
        '                <p>复赛中，在统一评审参赛作品基础上，分别产生各赛区的特等奖、一等奖、二等奖、三等奖、潜力奖并颁发证书，具体奖项数量及名单由竞赛组织委员会根据各区域参赛队伍数量和作品质量确定。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(二)全国总决赛奖项</h5>\n' +
        '                <p>全国总决赛中，根据最终成绩排名设置特等奖1名，一等奖3名，二等奖6名，三等奖12名，潜力奖若干并颁发相应证书及奖金（税前）。</p>\n' +
        '                <p>具体奖项数量及金额情况如下表所示：</p>\n' +
        '                <table>\n' +
        '                    <tr>\n' +
        '                        <th>奖项</th>\n' +
        '                        <th>名额</th>\n' +
        '                        <th>奖金（元）</th>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>特等奖 （视竞赛情况设置)</td>\n' +
        '                        <td>1</td>\n' +
        '                        <td>100000</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>一等奖</td>\n' +
        '                        <td>3</td>\n' +
        '                        <td>50000</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>二等奖</td>\n' +
        '                        <td>6</td>\n' +
        '                        <td>20000</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>三等奖</td>\n' +
        '                        <td>12</td>\n' +
        '                        <td>10000</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>潜力奖</td>\n' +
        '                        <td>若干</td>\n' +
        '                        <td>1000~2000</td>\n' +
        '                    </tr>\n' +
        '                    <tr>\n' +
        '                        <td>优秀指导教师奖</td>\n' +
        '                        <td>若干</td>\n' +
        '                        <td>2000</td>\n' +
        '                    </tr>\n' +
        '                </table>\n' +
        '                <p>说明：</p>\n' +
        '                <p>（1）竞赛专家委员会将根据决赛作品质量决定是否设置特等奖，若不设置，该名额转为一等奖。</p>\n' +
        '                <p>（2）潜力奖奖：为鼓励人工智能技术赋能产业升级，将从所有参赛队伍中选拔出若干高质量的有实践应用价值的优质项目，提供1000～2000元的奖金，激励选手关注生活与生产的实际需求和用户价值，助力技术落地。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(三)资金扶持</h5>\n' +
        '                <p>参赛项目需提交详细的项目计划书，包括项目背景、创新点、技术实现方案、市场前景等内容。</p>\n' +
        '                <h5><img src="/images/title-t.png" alt="">(四)配套优惠政策及措施</h5>\n' +
        '                <h6>1.科技型中小企业创新基金</h6>\n' +
        '                <p>在符合国家科技型中小企业创新基金(简称创新基金)申报条件的情况下，优先支持申报创新基金，并优先给予资金配套。</p>\n' +
        '                <h6>2.创业资金资助计划</h6>\n' +
        '                <p>与地方政府、企业联合设立专项孵化资金，对符合其政策扶持的获奖项目，优先给予扶持。对列入“‘人工智能+’行业创新型人才培养计划”的项目，优先提供小额担保贷款服务。</p>\n' +
        '                <h6>3.孵化服务计划</h6>\n' +
        '                <p>与地方政府联合为获奖项目，提供创业培训、创业辅导、运营指导、项目申报、企业诊断等全方位的孵化服务，同时为获奖项目提供一定面积的优惠孵化场地(第一年免费，第二年减半)。</p>\n' +
        '                <h6>4.科技资源平台</h6>\n' +
        '                <p>获奖项目可获得地方政府（或企业）免费提供的公共技术平台开放服务，优先获得其提供的市场拓展、供应链整合等机会。</p>\n' +
        '                <h6>5.项目推介</h6>\n' +
        '                <p>大赛组委会将择期举办项目推介会，重点向国内大型企业或投资机构推介大赛入围项目，并组织力量做好其他参赛项目的跟踪工作，努力促成企业投资的成功介入。</p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

/**
 * 大赛报名
 * */
function enroll(){
    let leftHtml = '<div class="l-content" id="content">' +
        '                       <div class="c-title c-title-main">' +
        '                           <div class="t-t bg-main color-title">报名指南</div>' +
        '                       </div>' +
        '                       <div class="c-content">' +
        '<p>参赛作品须围绕<b>人工智能核心技术，探索有具体落地场景的技术应用创意方案，如人工智能技术在工业、农业、医疗、文化、教育、金融、交通、公共安全、日常生活、公益、城市建设、文化旅游等行业领域的应用探索。</b></p>\n' +
        '            <p>竞赛采用开放命题，参赛者应充分发挥创新能力，自由探索应用场景并自行获取相关数据，最终提交具有原创性并能够进行可视化应用展示的参赛作品。</p>\n' +
        '            <p><b>行业组的参赛作品以产品为主，要求完成度最少达到部分可演示的标准。</b></p>\n' +
        '            <p><b>高校组的参赛作品以创意为主，可以只是一个想法，通过赛前辅导来完善。</b></p>\n' +
        '            <p>本届竞赛有且仅有一个赛道，竞赛将引导参赛学生关注人工智能最新技术，将作品设计与实现落实到具体的开发工具与开发行为上。</p>\n' +
        '            <h5><img src="/images/title-t.png" alt="">(一)参赛项目要求</h5>\n' +
        '            <p>本届大赛分为行业组和高校组。</p>\n' +
        '            <p><b>行业组：创业青年、初创公司或大企业中的创新创业团队，包括：在校的研究生和博士生。</b></p>\n' +
        '            <p><b>高校组：全日制大专院校及以上在校学生，包括：大专生、本科生、研究生和博士生。</b></p>\n' +
        '            <p><b>注：研究生和博士生可以同时报两个组，各组比赛中点不同。行业组核心是产品，高校组重点是创意。</b></p>\n' +
        '            <p>具体要求如下：</p>\n' +
        '            <p>&nbsp;1.参赛队员不限专业；</p>\n' +
        '            <p>&nbsp;2.可单人参赛或自由组队，每支参赛队伍的队员没有具体的限制，人数最多不超过7人，允许跨年级、跨专业组队；同一参赛队员只允许报名参加一个队伍；</p>\n' +
        '            <p>&nbsp;3.高校组参赛队员必须为高等学校在校学生，报名须保证个人信息准确并真实有效；</p>\n' +
        '            <p>&nbsp;4.高校组每支参赛队伍可以有一名指导教师（也可以没有）；</p>\n' +
        '            <p>&nbsp;5.竞赛期间，每支队伍有且仅有一次队员及指导教师个人信息的修正、更换机会。</p>\n' +
        '            <h5><img src="/images/title-t.png" alt="">(二)报名方式</h5>\n' +
        '            <p>1.登录大赛官方网站（<b><a href="http://www.znds.org.cn" target="_blank"><u>www.znds.org.cn</u></a></b>）或者录华信教育资源网（<b><a href="http://www.hxedu.com.cn" target="_blank"><u>www.hxedu.com.cn</u></a></b>）“人工智能+”大赛专栏，下载报名表，填写后发送至wangrh@phei.com.cn。。</p>\n' +
        '            <p>2.加微信进竞赛官方交流微信群：13683594313</p>\n' +
        '            <p>3.报名截止日期：2024年11月1日。</p>\n' +
        '            <h5><img src="/images/title-t.png" alt="">(三)材料准备</h5>\n' +
        '            <p><b>报名需要提交的材料包括：大赛报名表、参赛选手（团队）的介绍（需要有证件照和视频）、项目计划书、项目介绍（线上可以传视频，不大于30M）。</b></p>' +
        '                       </div>' +
        '                   </div>';
    fillHtml($('#left'), leftHtml);
    rightHtml();
}

function rightHtml(){
    let rightHtml = '<div class="r-box">' +
        '                  <div class="c-title">' +
        '                     <div class="t-t">大赛推荐</div>' +
        '                  </div>' +
        '                   <div style="padding:10px;">\n' +
        '                     <div>\n' +
        '                        <a href="https://www.hxedu.com.cn/hxedu/hg/book/bookInfo.html?code=TP470570" target="_blank" style="display: block;">\n' +
        '                           <div class="recommend"><img src="/images/books/book1.jpg" class="d-block" height="200" alt="AI提示工程——基础 •应用•实例"></div>\n' +
        '                           <div class="text-center" style="line-height: 45px;color: #222222;">AI提示工程——基础 •应用•实例</div>\n' +
        '                        </a>\n' +
        '                     </div>\n' +
        '                  </div>\n' +
        '                  <div style="padding:10px;">\n' +
        '                     <div>\n' +
        '                        <a href="https://www.hxedu.com.cn/hxedu/hg/book/bookInfo.html?code=G0456900" target="_blank" style="display: block;">\n' +
        '                           <div class="recommend"><img src="/images/books/book2.jpg" class="d-block" height="200" alt="大数据分析与挖掘实验教程"></div>\n' +
        '                           <div class="text-center" style="line-height: 45px;color: #222222;">大数据分析与挖掘实验教程</div>\n' +
        '                        </a>\n' +
        '                     </div>\n' +
        '                  </div>\n' +
        '                  <div style="padding:10px;">\n' +
        '                     <div>\n' +
        '                        <a href="https://www.hxedu.com.cn/hxedu/hg/book/bookInfo.html?code=G0452380" target="_blank" style="display: block;">\n' +
        '                           <div class="recommend"><img src="/images/books/book3.jpg" class="d-block" height="200" alt="R语言大数据分析与挖掘"></div>\n' +
        '                           <div class="text-center" style="line-height: 45px;color: #222222;">R语言大数据分析与挖掘</div>\n' +
        '                        </a>\n' +
        '                     </div>\n' +
        '                  </div>\n' +
        '                  <div style="padding:10px;">\n' +
        '                     <div>\n' +
        '                        <a href="https://www.hxedu.com.cn/hxedu/hg/book/bookInfo.html?code=G0427800" target="_blank" style="display: block;">\n' +
        '                           <div class="recommend"><img src="/images/books/book4.jpg" class="d-block" height="200" alt="大数据分析与挖掘实用案例教程"></div>\n' +
        '                           <div class="text-center" style="line-height: 45px;color: #222222;">大数据分析与挖掘实用案例教程</div>\n' +
        '                        </a>\n' +
        '                     </div>\n' +
        '                  </div>\n' +
        '                  <div style="padding:10px;">\n' +
        '                     <div>\n' +
        '                        <a href="https://www.hxedu.com.cn/hxedu/hg/book/bookInfo.html?code=G0439670" target="_blank" style="display: block;">\n' +
        '                           <div class="recommend"><img src="/images/books/book5.jpg" class="d-block" height="200" alt="Python编程——从计算思维到编程实践"></div>\n' +
        '                           <div class="text-center" style="line-height: 45px;color: #222222;">Python编程——从计算思维到编程实践</div>\n' +
        '                        </a>\n' +
        '                     </div>\n' +
        '                  </div>';
    fillHtml($('#right'), rightHtml);
}

function fillHtml(objectDiv, contentHtml){
    objectDiv.empty();
    objectDiv.html(contentHtml);
}